﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <title></title>
    <link rel="shortcut icon" href="images/logo/logo16_16.png" />
    <!--<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row clearfix" style=" width:100%">
            <div class="col-md-12 column">
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="page-header">
                            <h1>
                                魔术猿 <small>Vezn</small><span style="color:red">---网站构建中</span>
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-8 column">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <ul class="nav nav-tabs">
                                    <li>
                                        <a href="index.html">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">随笔杂记</a>
                                    </li>
                                    <li>
                                        <a href="#">学习笔记</a>
                                    </li>
                                    <li>
                                        <a href="#">代码片段</a>
                                    </li>
                                    <li>
                                        <a href="#">转载分享</a>
                                    </li>
                                    <li>
                                        <a href="#">关于博主</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                         
                        <div class="row clearfix" style="padding-left:20px;">
                            <div class="col-md-12 column">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <h2>
                                            Heading
                                        </h2>
                                        <p>
                                            Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                                        </p>
                                        <p>
                                            <a class="btn" href="#">View details »</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <h2>
                                            Heading
                                        </h2>
                                        <p>
                                            Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                                        </p>
                                        <p>
                                            <a class="btn" href="#">View details »</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <h2>
                                            Heading
                                        </h2>
                                        <p>
                                            Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                                        </p>
                                        <p>
                                            <a class="btn" href="#">View details »</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <h2>
                                            Heading
                                        </h2>
                                        <p>
                                            Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                                        </p>
                                        <p>
                                            <a class="btn" href="#">View details »</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <h2>
                                            Heading
                                        </h2>
                                        <p>
                                            Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                                        </p>
                                        <p>
                                            <a class="btn" href="#">View details »</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <ul class="pagination pagination-lg">
                                            <li>
                                                <a href="#">Prev</a>
                                            </li>
                                            <li>
                                                <a href="#">1</a>
                                            </li>
                                            <li>
                                                <a href="#">2</a>
                                            </li>
                                            <li>
                                                <a href="#">3</a>
                                            </li>
                                            <li>
                                                <a href="#">4</a>
                                            </li>
                                            <li>
                                                <a href="#">5</a>
                                            </li>
                                            <li>
                                                <a href="#">Next</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 column" style="padding-left:40px;">
                        <div class="row clearfix" style=" padding-bottom:30px;">
                            <div class="col-md-12 column" style="text-align:center">
                                <a href="admin/login.html"><img src="images/logo/logo128_128.png" /></a>'
                                <p style="font-weight:bold">魔术猿-Vezn</p>
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding:10px">
                            <div class="col-md-12 column">
                                <div id="datepicker"></div>
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding:10px">
                            <div class="col-md-12 column">
                                <p style="font-weight:bold">快速搜索</p>
                                <div class="input-group">
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon">Search</span>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding:10px">
                            <div class="col-md-12 column">
                                <p style="font-weight:bold">最新博客</p>
                                <ul>
                                    <li>
                                        Lorem ipsum dolor sit amet
                                    </li>
                                    <li>
                                        Consectetur adipiscing elit
                                    </li>
                                    <li>
                                        Integer molestie lorem at massa
                                    </li>
                                    <li>
                                        Facilisis in pretium nisl aliquet
                                    </li>
                                    <li>
                                        Nulla volutpat aliquam velit
                                    </li>
                                    <li>
                                        Faucibus porta lacus fringilla vel
                                    </li>
                                    <li>
                                        Aenean sit amet erat nunc
                                    </li>
                                    <li>
                                        Eget porttitor lorem
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding:10px">
                            <div class="col-md-12 column">
                                <p style="font-weight:bold">阅读排行</p>
                                <ul>
                                    <li>
                                        Lorem ipsum dolor sit amet
                                    </li>
                                    <li>
                                        Consectetur adipiscing elit
                                    </li>
                                    <li>
                                        Integer molestie lorem at massa
                                    </li>
                                    <li>
                                        Facilisis in pretium nisl aliquet
                                    </li>
                                    <li>
                                        Nulla volutpat aliquam velit
                                    </li>
                                    <li>
                                        Faucibus porta lacus fringilla vel
                                    </li>
                                    <li>
                                        Aenean sit amet erat nunc
                                    </li>
                                    <li>
                                        Eget porttitor lorem
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding:10px">
                            <div class="col-md-12 column">
                                <p style="font-weight:bold">系列文章</p>
                                <ul>
                                    <li>
                                        Lorem ipsum dolor sit amet
                                    </li>
                                    <li>
                                        Consectetur adipiscing elit
                                    </li>
                                    <li>
                                        Integer molestie lorem at massa
                                    </li>
                                    <li>
                                        Facilisis in pretium nisl aliquet
                                    </li>
                                    <li>
                                        Nulla volutpat aliquam velit
                                    </li>
                                    <li>
                                        Faucibus porta lacus fringilla vel
                                    </li>
                                    <li>
                                        Aenean sit amet erat nunc
                                    </li>
                                    <li>
                                        Eget porttitor lorem
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style=" padding:10px;text-align:center;">
                    <div class="col-md-12 column">
                        <hr>
                        <p>
                            闽ICP备16027414号  Copyright &copy; 2016-2016, <a href="http://veznwang.com/">魔术猿</a> - Vezn Wang. All rights reserved.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
